/* 外部样式表：1.css编码集【外链去掉-】
                utf-8表示为"utf8"
				注意：后面分号不能用中
				文输入法、不可以去掉
*/
@charset "utf8";
/* 通配选择器：统一规划页面上的样式：文字、超链接、
              盒模型针对外边距【有部分元素存在在外边距】
			  列表针对两个列表自带样式【去掉列表样式】
			  颜色...
 
 
 */
*{
	font-family: 微软雅黑,sans-serif;
	text-decoration: none;
	list-style-type: none;
	  margin: 0;     /*哪些元素自带外边距？ h1、p、div、*/
	  padding: 0;
	  color: #333;
	  }
	  /* 给所有的div元素添加圆 300*300 文本垂直居中放大 */
	  
	  div{
		  width: 300px;
		  height: 300px;
		  border: 1px solid red;
		  border-radius: 50%;
		  font-size: 10em;
		  text-align: center;
		  line-height: 300px;
		  /* 浮动 float:
		   none默认不浮动
		   left 左浮动   元素变成块元素，脱离文档流
		   right 右浮动  元素变成块元素，脱离文档流，
		                 按照顺序首元素靠右【列表元素内容颠倒】
		   */
		  float: right;
	  }
	  
	  .d1{
		  background: #55ff00;
	  }
	  .d2{
		  background: #00ffff;
	  }
	  .d3{
		  background: #ff55ff;
	  }
	  .d4{
		  background: #000000;
		  /*清除浮动*/
		  clear: both;
	  }
